/* 
    1. less 文件的扩展名 .less
    2. less 是完全兼容 css
    3. less 里面支持 变量，四则运算，嵌套 √， 混入（函数），判断，循环
 */
* {
  margin: 0;
  padding: 0;
}
/* less 使用@定义变量 sass 使用 $ */
.box {
  width: 300px;
  height: 80px;
  border: 80px solid pink;
  font-size: 20px;
  background-color: gold;
}
.list {
  list-style: none;
}
.list .item {
  width: 100px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #000;
  margin-bottom: 20px;
  background: #f000;
  text-align: center;
}
.list .item:hover {
  background-color: gold;
}
.list .active {
  background-color: gold;
}
